<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="renderer" content="webkit" />
<meta name="force-rendering" content="webkit" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="referrer" content="always">
<title>Hello Zrender</title>
</style>
</head>
<body>

	<div id="main" style="margin: 0 auto; width: 300px; height: 300px; border: 1px solid #eeeeff;"></div>

	<script src="../../s/zrender/4.0.5/zrender.min.js"></script>
	<script type="text/javascript">
		var zr = zrender.init(document.getElementById('main'));
		var w = zr.getWidth();
		var h = zr.getHeight();
		var text = new zrender.Text({
			style : {
				textAlign : 'center',
				textVerticalAlign : 'middle',
				text : 'Hello Zrender',
				fontSize : 30
			},
			position : [w / 2, h / 2],
			draggable : true
		});
		zr.add(text);
	</script>
</body>
</html>
